<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!--公共js-->
    <script src="../js/public.js"></script>
    <!--公共css-->
    <link rel="stylesheet" href="../css/pubic.css">
    <!--本页面css-->
    <link rel="stylesheet" href="../css/0-index.css">
</head>
<body style="background: #fff">
<div class="sinIn-box">
    <header>
        <span>登录</span>
    </header>
    <div class="box-con">
        <div class="box-con-img">
            <img src="../images/0sj.jpg" alt="">
        </div>
        <span>登录,开启您的恋爱之旅</span>
    </div>
    <div class="box-con-input">
        <div>
            <input type="text" id="tel" placeholder="请输入手机号"/>
            <i></i>
        </div>
        <div>
            <input type="password" id="pass" placeholder="请输入6位密码"/>
            <i></i>
        </div>
    </div>
    <div class="box-con-pasNo">
        <a href="http://fanyi.baidu.com/?aldtype=16047#auto/zh">忘记密码</a>
        <a href="http://fanyi.baidu.com/?aldtype=16047#auto/zh">立即注册</a>
    </div>
    <div class="box-con-singIn">登录</div>
</div>
<!--jquery.js-->
<script src="../js/jquery-3.0.0.min.js"></script>
<!--引入handlebars渲染模板-->
<script src="../js/handlebars-v4.0.10.js"></script>
<!--接口配置文件-->
<script src="../js/config.js"></script>
<!--引入本页面js-->
<script src="../js/index.js"></script>
<script>
    $('.box-con-singIn').on('click',function () {
        var psss=$('#pass').val();
        var tel=$('#tel').val();
        var reg1=/^1[0-9]{10}$/;
        var reg2=/^[\@A-Za-z0-9\!\#\$\%\^\&\*\.\~]{6,22}$/;
        if(!reg1.test(tel)){
            alert('请输入正确的电话号码')
            return
        }
        if(!reg2.test(psss)){
            alert('请输入正确密码')
            return
        }
        window.location.href='1-info.html'
    })
</script>
</body>
</html>